<%@page contentType="text/html" pageEncoding="UTF-8"%>

<style>
    .menu{
        border:none;
        border:0px;
        margin:0px;
        padding:0px;
        font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
        font-size:13px;
        font-weight:bolder;
    }
    .menu ul{
        background:url("images/cat_back.gif");
        height:30px;
        list-style:none;
        margin:0;
        padding:0;
    }
    .menu li{
        float:left;
        padding:0px;
    }
    .menu li a{
        background: url("images/cat_back.gif") bottom right no-repeat;
        color:#cccccc;
        display:block;
        font-weight:normal;
        line-height:30px;
        margin:0px;
        padding:0px 10px;
        text-align:center;
        text-decoration:none;
    }
    .menu li a:hover, .menu ul li:hover a{
        background: #2580a2 url("images/hover.gif") bottom center no-repeat;
        color:#FFFFFF;
        text-decoration:none;
    }
    .menu li ul{
        background:midnightblue;
        display:none;
        height:auto;
        padding:0px;
        margin:0px;
        border:0px;
        position:absolute;
        width:225px;
        z-index:200;
        /*top:1em;
        /*left:0;*/
    }
    .menu li:hover ul{
        display:block;

    }
    .menu li li {
        background:url('images/sub_sep.gif') bottom left no-repeat;
        display:block;
        float:none;
        margin:0px;
        padding:0px;
        width:225px;
    }
    .menu li:hover li a{
        background:none;

    }
    .menu li ul a{
        display:block;
        height:35px;
        font-size:12px;
        font-style:normal;
        margin:0px;
        padding:0px 10px 0px 15px;
        text-align:left;
    }
    .menu li ul a:hover, .menu li ul li:hover a{
        background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
        border:0px;
        color:#ffffff;
        text-decoration:none;
    }
    .menu p{
        clear:left;
    }	


</style>

<div class="menu">
    <ul>
        <li><a href="/DKTC/frontend/index.jsp" >Trang chủ</a></li>
        <li><a href="/DKTC/frontend/index2.jsp?page=introduce" >Giới Thiệu</a>
        <li><a href="/DKTC/frontend/index2.jsp?page=list_all_news" id="current">Tin Tức Khoa</a>
        </li>
        <li><a href="#">Sinh Viên</a>
            <ul>
                <li><a href="/DKTC/frontend/index2.jsp?page=common_infor">Thông tin năm học</a></li>
                <li><a href="/DKTC/frontend/index2.jsp?page=rule_dktc">Qui chế đăng kí tín chỉ</a></li>
                <li><a href="/DKTC/frontend/index2.jsp?page=trainning_dktc">Hướng dẫn đăng ký tìn chỉ</a></li>
                 <% if(session.getAttribute("uid")!=null)
                { %>
                <li><a href="/DKTC/frontend/index2.jsp?page=dktc">Đăng ký tính chỉ</a></li>                
                <li><a href="/DKTC/frontend/index2.jsp?page=detail_dktc">Xem Chi Tiết đăng Ký</a></li>
                <li><a href="/DKTC/frontend/index2.jsp?page=profiles">Xem Thông Tin Cá Nhân</a></li>
                <% } %>
            </ul>
        </li>
        <li><a href="/DKTC/frontend/index2.jsp?page=contact">Liên Hệ</a></li>
         <% if(session.getAttribute("uid")!=null)
                { %>
                <li><a href="/DKTC/frontend/index/logout.jsp" style="font-weight: bolder">Log Out</a></li>
        <% } 
                else 
               {
                 %>
                 <li><a href="/DKTC/frontend/index2.jsp?page=login" style="font-weight: bolder">Log In</a></li>
                 <% } %>
    </ul>            
</div>
           